<template>
    <div id="navigation_bar">
        <nav id="nav" class="row">
            <div id="logo" class="col-4"></div>
            <div id="nav-item" class="col-8">
                <div class="row" style="height: 55px;">
                    <div class="col-8">
                    </div>
                    <div class="icon col-4 d-none  d-lg-block">
                        <!-- <i class="layui-icon">&#xe615;</i> -->
						<search></search>
                    </div>
                </div>
                <div class="nav-links row">
                    <div class="col-2"></div>
                    <el-link type="primary" :underline="false"  class="col-2" href="/About">首页</el-link>
                    <el-link type="primary" :underline="false" class="col-2" href="/school">查学校</el-link>
                    <el-link type="primary" :underline="false" class="col-2" href="/special">查专业</el-link>
                    <el-link type="primary" :underline="false" class="col-2">模拟填志愿</el-link>
                    <el-link type="primary" :underline="false" class="col-2">智能选大学</el-link>
                </div>
            </div>
        </nav>
    </div>

</template>


<script>
	import Search from './search.vue'
    export default {
        name: 'header',
        data() {
            return {
                activeIndex: '1',
                activeIndex2: '1'
            };
        },
		components:{
			Search
		}
    }
</script>

<style src="@/css/header.css"  scoped>
	
</style>